<template>
	<view class="app">
		<u-navbar :background="{background: 'rgba(0,0,0,0)'}" :border-bottom="false" :is-back="false">
			<view class="wd-pl-20r wd-text-fff" solt="-">
				<u-icon name="custom-icon-weinidingzhi" custom-prefix="custom-icon"></u-icon>
				<text>AI定制手机壳</text>
			</view>
		</u-navbar>
		
		<view class="wd-fixed wd-top-0 wd-left-0 wd-w-100p wd-h-100p">
			<u-image :src="bgSrc" width="100%" height="100%"></u-image>
		</view>
		
		<view class="wd-fixed wd-bottom-0 wd-left-0  wd-w-100p">
			<view class="wd-flex-center">
				<view class="wd-w-55p wd-pb-150r">
					<u-button type="success" shape="circle" :custom-style="{background: '#334e37'}" >
						<u-icon name="custom-icon-dingzhi" custom-prefix="custom" ></u-icon>
						<text class="wd-pl-5r">即刻定制</text>
					</u-button>
				</view>
			</view>
			
		</view>
	</view>
</template>


<script>
	var vk = uni.vk;
	import top from './items/top.vue';
	export default {
		components: {
			top,
		},
		data() {
			// 页面数据变量
			return {
				bgSrc: 'https://mp-f06d4193-e086-4d74-bf0a-f2d52209893e.cdn.bspapp.com/手机壳2.png'
			}
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		onLoad(options = {}) {
			vk = uni.vk;
			this.options = options;
			this.init(options);
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady() {

		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {

		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {

		},
		// 函数
		methods: {
			init() {
			},

			onDesign() {
				vk.navigateTo('/pages/choose/choose');
			}
		},
		// 监听器
		watch: {

		},
		// 计算属性
		computed: {

		}
	}
</script>
<style lang="scss" scoped>
	.app {
		width: 100vw;
		height: 100vh;
	}
</style>